<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>宿舍生活</title>
</head>

<body>
    <header>
        <img src="tp/logo.jpg" alt="宿舍网站Logo" class="logo">
        <nav>
            <a href="../index.html">首页</a>
            <a href="members.html">宿舍成员</a>
            <a href="#">宿舍生活</a>
            <a href="stories.html">宿舍故事</a>
            <a href="about.html">关于我们</a>
        </nav>
    </header>

    <main>
        <!-- 宿舍公约 -->
        <section id="dorm - rules">
            <h2>宿舍公约</h2>
            <ul>
                <li>作息时间：晚上11点后保持安静，尊重室友的休息时间。</li>
                <li>卫生值日：每周轮值打扫宿舍，保持环境整洁。</li>
                <li>用电安全：离开宿舍时关闭所有电器，节约用电。</li>
            </ul>
        </section>

        <!-- 宿舍活动 -->
        <section id="dorm - activities">
            <h2>宿舍活动</h2>
            <!-- 聚餐 -->
            <section class="activity">
                <h3>聚餐</h3>
                <img src="tp/jc.jpg" alt="聚餐照片">
                <p>每月一次的宿舍聚餐，大家一起去尝试不同的美食。</p>
            </section>
            <!-- 旅游 -->
            <section class="activity">
                <h3>旅游</h3>
                <img src="tp/lvyou.jpg" alt="旅游照片">
                <p>每学期一次的短途旅行，放松心情，增进感情。</p>
            </section>
        </section>

        <!-- 宿舍趣事 -->
        <section id="dorm - fun - stories">
            <h2>宿舍趣事</h2>
            <!-- 深夜泡面 -->
            <section class="fun - story">
                <h3>深夜泡面</h3>
                <p>有一次大家熬夜复习，突然饿了，于是集体煮泡面，结果香味引来了隔壁宿舍的同学，大家一起分享了这顿“深夜食堂”。</p>
            </section>
            <!-- 生日惊喜 -->
            <section class="fun - story">
                <h3>生日惊喜</h3>
                <p>小雯生日那天，大家偷偷准备了蛋糕和礼物，给了她一个大大的惊喜。</p>
            </section>
            <!-- 深夜诡谈 -->
            <section class="fun - story">
                <h3>深夜诡谈</h3>
                <p>小姝夜谈鬼故事，并把自己吓到。</p>
            </section>
        </section>
    </main>

    <footer>
        <p>版权归本宿舍所有，20XX - 20XX</p>
        <p>邮箱：dorm@example.com</p>
    </footer>

    <script src="script.js"></script>
</body>

</html>